<!DOCTYPE html>
<svg>
  <linearGradient id="g" x2="0" y2="1">
    <stop offset="0" stop-color="green"/>
    <stop offset="0.5" stop-color="green"/>
    <stop offset="0.5" stop-color="blue"/>
    <stop offset="1" stop-color="blue"/>
  </linearGradient>
  <g transform="scale(2 2)">
     <text x="0" y="50" fill="url(#g)" stroke="url(#g)" stroke-width="2" vector-effect="non-scaling-stroke" font-size="36">Hello</text>
  </g>
</svg>
